﻿<!DOCTYPE html>
<html>

<head>
	<title>@ViewBag.Title - drawpi.co</title>
	@{ Html.RenderPartial("_Icons");}
	@{ Html.RenderPartial("_SocialMeta");}
	@Styles.Render("~/Content/uikit")
</head>

	<body class="uk-height-1-1">
		<div class="top-panel">
			<ul>
				<li>
					<a href="http://twitter.com/drawpico" data-uk-tooltip title="@Html.Raw("@drawpico")" target="_blank">
						<i class="uk-icon-twitter uk-icon-small"></i>
					</a>
				</li>
				<li>
					<a href="http://vk.com/drawpico" data-uk-tooltip title="vk.com/drawpico" target="_blank">
						<i class="uk-icon-vk uk-icon-small"></i>
					</a>
				</li>
				<li>
					<a href="@Url.Action("About","Home")" data-uk-tooltip title="О проекте" target="_blank">
						<i class="uk-icon-info uk-icon-small"></i>
					</a>
				</li>
				<li>
					<a href="@Url.Action("Feed")" data-uk-tooltip="{pos:'bottom-right'}" title="Коллекция " target="_blanck">
						<i class="uk-icon-th uk-icon-small"></i>
					</a>
				</li>
			</ul>
		</div>
		<div class="uk-vertical-align uk-text-center uk-height-1-1">
			<div class="uk-vertical-align-middle page-responsive-container">
				<div class="logo">
					<a href="@Url.Action("Index","Home")">
						<img src="@Url.Content("~/Content/Images/logo.svg")" alt="logo"/>
					</a>
				</div>
				@RenderBody()
				@*<div class="bottom-panel">
				<a href="http://twitter.com/drawpico" title="@("@drawpico")" target="_blank"><i class="uk-icon-twitter"></i> Twitter</a>
				&bull;
				<a href="http://vk.com/drawpico" title="vk.com/drawpico" target="_blank"><i class="uk-icon-vk"></i> ВКонтакте</a>
				&bull;
				<a class="" href="@Url.Action("About","Home")" target="_blank">О проекте</a>
			</div>*@
			</div>
		</div>
		@Scripts.Render("~/bundles/modernizr")
		@Scripts.Render("~/bundles/jquery")
		@Scripts.Render("~/bundles/jqueryval")
		@Scripts.Render("~/bundles/uikit")
		@Scripts.Render("~/bundles/script")
		@RenderSection("scripts", required: false)
		<script>
			$(function() {
				var items = $('.top-panel ul li'), delay = 0;
				TweenMax.set(items, { y: -50 });
				$('.top-panel').show();
				for (var i = items.length - 1; i >= 0; i--) {
					TweenMax.to(items[i], 1, { y: 0, delay: delay += 0.1, ease: 'Elastic.easeOut' });
				}
			});
		</script>
		@Styles.Render("~/Content/css")
		@{Html.RenderPartial("Ya");}
	</body>
</html>
